extends layout
append scripts
    script.
        new WOW().init();  // 1. Link and activate WOW.js
        // 5. Customize Settings; 对上面的一句话进行详细的配置
        // boxClass: Class name that reveals the hidden box when user scrolls.
        // animateClass: Class name that triggers the CSS animations (’animated’ by default for the animate.css library)
        // offset: Define the distance between the bottom of browser viewport and the top of hidden box.
        // When the user scrolls and reach this distance the hidden box is revealed.
        // mobile: Turn on/off WOW.js on mobile devices.
        // live: consatantly check for new WOW elements on the page.
        var wow = new WOW( {
            boxClass:     'wow',      // animated element css class (default is wow)
            animateClass: 'animated', // animation css class (default is animated)
            offset:       0,          // distance to the element when triggering the animation (default is 0)
            mobile:       true,       // trigger animations on mobile devices (default is true)
            live:         true,       // act on asynchronously loaded content (default is true)
            callback:     function(box) {  // the callback is fired every time an animation is started
                                           // the argument that is passed in is the DOM node being animated
            },
            scrollContainer: null // optional scroll container selector, otherwise use window
        });
     wow.init();
block content
    //- 2. Add the CSS class .wow to a HTML element: it will be invisible until the user scrolls to reveal it.
    //- 3. Choose the animation style: bounceInUp; from https://daneden.github.io/animate.css/
    .wow.bounceInUp
        | Content to Reveal Here
    //- 4. Advanced Options
    //- data-wow-duration: Change the animation duration
    //- data-wow-delay: Delay before the animation starts
    //- data-wow-offset: Distance to start the animation (related to the browser bottom)
    //- data-wow-iteration: Number of times the animation is repeated
    .wow.slideInLeft(data-wow-duration='2s', data-wow-delay='5s') 7s 后出现
    .wow.slideInRight(data-wow-offset='10', data-wow-iteration='10') 重复 10 次
